import { createRouter, createWebHashHistory } from 'vue-router'

// 路由数据信息 抽到一个menu.js文件中，方便其他组件使用
import menuArr from './menu'




let routes = [

  // 登录页
  {
    path:'/login',
    name:'login',
    component:()=>import('@/views/LoginPage.vue'),
    meta:{
      requireLogin:false
    }
  },
  
  // 主页
  {
    path:'/',
    name:'layout',  
    component:()=>import('@/views/Layout.vue'),
    // 重定向到 - 访问 / 根路径 自动打开 /home 页面
    redirect:'/home', 
    
    children:[
      //layout下面的home页面
      {
        path:'/home',
        name:'home',
        component:()=>import('@/views/HomePage.vue'),
        meta:{
          requireLogin:true
        },
      },
      
      ...menuArr
    ]
  },
   
]

const router = createRouter({
  history: createWebHashHistory(),
  routes: routes
})



// 路由守卫
router.beforeEach((to,form)=>{
  let token = localStorage.getItem("token")
  if(to.meta.requireLogin==true){
    // 判断要跳转的页面是否需要登录，如果需要就判断 本地是否有token
    // 如果没有，就跳转到登录
    if(token){

    }else{
      return {path:'/login'}
    }
  }else{
    
  }
})

export default router
